import React from 'react';
import { Row, Col, Form, Rate } from 'antd';
import { FormOtherC, PrimaryC } from '../../components';

class FormOtherCDemo extends React.Component {
  constructor(props) {
    super(props);
    this.formRef = React.createRef();
  }

  getData = () => {
    console.log(this.formRef.current.getFieldsValue());
  };

  render() {
    return (
      <Form ref={this.formRef} labelWrap={true}>
        <p>非常见的的表单，为了在集合组件里使用，组件作为参数传入父组件，所有对应的方法 样式 还是在自身页面处理</p>
        <FormOtherC
          title='自定义form' // 显示名称
          dataIndex='star' // Form识别的Item ID
          initialValue={5}
          Children={<Rate count={9} onChange={(e) => console.log(e)} colon={false} />}
        />
        <PrimaryC title='点击获取' onClick={this.getData} />
      </Form>
    );
  }
}

export default FormOtherCDemo;
